import { PosterWidget, PosterWidgetType } from "@/views/poster/editor/types/poster";

export class ImageWidget extends PosterWidget {
	/**
	 * 图片地址
	 */
	imgUrl: string;
	/**
	 * 圆角大小
	 */
	roundCorner: number;
	/**
	 * 缩放模式
	 */
	zoomMode: ZoomMode;
	/**
	 * 旋转
	 */
	rotate: number;
	/**
	 * 模糊
	 */
	blur: number;
}

export enum ZoomMode {
	/**
	 * 原始比例，不缩放
	 */
	Origin,
	/**
	 * 指定宽度，高度按比例自动计算
	 */
	Width,
	/**
	 * 指定高度，宽度按比例自动计算
	 */
	Height,
	/**
	 * 指定高度和宽度，强制缩放
	 */
	WidthHeight
}

export const imageWidgetConfig: ImageWidget = {
	center: false,
	blur: 0,
	imgUrl:
		"",
	roundCorner: 0,
	rotate: null,
	zoomMode: ZoomMode.Origin,
	height: 100,
	width: 100,
	x: 10,
	y: 10,
	type: PosterWidgetType.IMAGE,
	id: "",
	alpha: 1,
	name: "图片",
	active: true
};
